<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>项目列表</title><!---->
    <link rel="stylesheet" href="../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../../lib/bootstrap-table-dist/dist/css/bootstrap-table.min.css" />
    <link rel="stylesheet" href="../../../lib/zui/zui.css">
    <link rel="stylesheet" href="../../../lib/datetimepicker/css/datetimepicker.min.css">
    <link rel="stylesheet" href="../../../lib/layer/mobile/need/layer.css">
    <link rel="stylesheet" href="siteDateOnly.css">
    <link rel="stylesheet" href="../platformMall/checkOrder/checkOrder.css">
</head>
<body>
<div id="projectList">
    <!-- 面包屑 -->
    <div class="nav-list">
        <ul>
            <li><a href="javascript:;">项目管理</a></li>
            <li><i class="icon icon-chevron-right"></i></li>
            <li><a href="javascript:;">工地数据管理</a></li>
        </ul>
        <div class="myhide">
            <a href="#" onclick="myhide()">隐藏条件</a><i class="icon icon-caret-down"></i>
        </div>
    </div>
    <!--查询条件-->
    <div id="nav-wrap" class="nav-wrap padding-left">
        <div class="condition">
            <div class="classify-name container-fluid">
                <div id="input-group1" class="row-fluid">
                    <div class="order-num form-group">
                        <p>项目编号</p>
                        <input type="text" class="serOrder-num" placeholder=""/>
                    </div>
                    <div class="order-num form-group">
                        <p>项目名称</p>
                        <input type="text" class="serOrder-num" placeholder=""/>
                    </div>
                    <div class="order-num form-group">
                        <p>建设单位</p>
                        <input type="text" class="serOrder-num" placeholder=""/>
                    </div>
                    <div class="order-num form-group">
                        <p>承建单位</p>
                        <input type="text" class="serOrder-num" placeholder=""/>
                    </div>
                        <button class="empty clear-btn" type="button"> 清空条件</button>
                        <button class="search search-btn" type="button">查询</button>
                </div>
            </div>
        </div>
        <div class="form-group stateChange">
            <div class="nav-list-right">
                <span>项目进程</span>
                <label class="radio-inline">
                    <input type="radio" name="radioOptionsExample" value="3"> 完工
                </label>
                <label class="radio-inline">
                    <input type="radio" name="radioOptionsExample" value="2" >在建
                </label>
                <label class="radio-inline">
                    <input type="radio" name="radioOptionsExample" value="1" checked> 全部
                </label>
            </div>
        </div>
        <div class="bootstrap-table mar-top-20">
            <div class="fixed-table-container ">
                <div class="fixed-table-header" ></div>
                <div class="fixed-table-body">
                    <table id="pjTable"
                           data-query-params="pjTableQuery"
                           data-striped="true"
                           data-maintain-selected="true"
                           data-minimum-count-columns="2"
                           data-pagination="true"
                           data-id-field="id"
                           data-page-list="[10, 25, 50, 100, ALL]"
                           data-side-pagination="server"
                           data-response-handler="responseHandler"
                           data-classes="table-no-bordered"
                           class="table table-hover table-no-bordered" style="margin-top: 0px;">
                        <thead class="thead-color">
                        <tr>
                            <th data-field="state" data-align="center" data-valign="middle" data-checkbox="true">
                            </th>
                            <th data-field="id" data-align="center" data-valign="middle" >
                                项目ID
                            </th>
                            <th data-field="index" data-align="center" data-valign="middle" data-formatter="indexFmt">
                                序号
                            </th>
                            <th data-field="projectCode"  data-align="center" data-valign="middle" >
                                项目编号
                            </th>
                            <th data-field="projectName"   data-align="center" data-valign="middle">
                                项目名称
                            </th>
                            <th data-field="constructUnit"  data-align="center" data-valign="middle">
                                建设单位
                            </th>
                            <th data-field="constructionUnit"   data-align="center" data-valign="middle">
                                承建单位
                            </th>
                            <th data-field="cTime"   data-align="center" data-valign="middle" data-formatter="cTimeFmt">
                                开工日期
                            </th>
                            <th data-field="projectCourse" data-align="center" data-valign="middle" data-formatter="processFmt">
                                项目进程
                            </th>
                            <th class="href-click" data-align="center" data-valign="middle" data-formatter="handlerFmt">详情</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
                <div class="fixed-table-footer footer-btns ">
                    <!--表格底部的各种状态按钮-->
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
        <!--新增/批量处理-->
    <!--表格--->


</div>

</body>
<script type="text/javascript" src="../../../lib/jquery/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../../../lib/zui/zui.js"></script>
<script  src="../../../lib/layer/layer.js"></script>
<script src="../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="siteDate.js"></script>
</html>